/*
 * @Description:
 * @Autor: HuiSir<273250950@qq.com>
 * @Date: 2020-08-04 15:14:43
 * @LastEditTime: 2020-09-01 16:52:25
 */
import Vue from 'vue'
import VueRouter from 'vue-router'
import barCharts from '@/views/demo/barCharts.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/barCharts'
  },
  {
    path: '/barCharts',
    name: 'barCharts',
    component: barCharts,
    meta: {
      title: '柱状图'
    }
  },
  {
    path: '/lineCharts',
    name: 'lineCharts',
    meta: {
      title: '折线图'
    },
    component: () => import('@/views/demo/lineCharts.vue')
  },
  {
    path: '/twoYAxisCharts',
    name: 'twoYAxisCharts',
    meta: {
      title: '双Y轴'
    },
    component: () => import('@/views/demo/twoYAxisCharts.vue')
  },
  {
    path: '/pieCharts',
    name: 'pieCharts',
    meta: {
      title: '饼状图'
    },
    component: () => import('@/views/demo/pieCharts.vue')
  },
  {
    path: '/gaugeCharts',
    name: 'gaugeCharts',
    meta: {
      title: '仪表盘'
    },
    component: () => import('@/views/demo/gaugeCharts.vue')
  },
  {
    path: '/radarCharts',
    name: 'radarCharts',
    meta: {
      title: '雷达图'
    },
    component: () => import('@/views/demo/radarCharts.vue')
  },
  {
    path: '/scatterCharts',
    name: 'scatterCharts',
    meta: {
      title: '散点图'
    },
    component: () => import('@/views/demo/scatterCharts.vue')
  },
  {
    path: '/mapCharts',
    name: 'mapCharts',
    meta: {
      title: '地图'
    },
    component: () => import('@/views/demo/mapCharts.vue')
  },
  {
    path: '/progressCharts',
    name: 'progressCharts',
    meta: {
      title: '进度图'
    },
    component: () => import('@/views/demo/progressCharts.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

export default router
